*{margin:0;padding:0;}
a{cursor:pointer;text-decoration:none;color:#0CBBEF;}
.title{width:100%;border:0px solid #DDDDDD;height:120px;}
.title .logo{margin-left: 200px;border:0px solid #DDDDDD;margin-top:30px;float:left;}
.title .status2{margin-left: 550px;border:0px solid #DDDDDD;display:inline-block;margin-top:50px;float:left;}
.body{width:350px;height:500px;margin-left:500px;border-radius: 10px;
	opacity:0.7;-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
tr{height:40px;}
th{text-align: left}
input[type=text]{width:220px;height:25px;border-radius:4px;}
input[type=password]{width:220px;height:25px;border-radius:4px;}
#code{width:100px;}
input[type=button]{width:200px;height:30px;border-radius:4px;border:0px;background-color:#0CBBEF;color:white; }

.state1{color:#aaa;}      
.state2{color:#000;}
.state3{color:red;}    
.state4{color:green;}